<template>
    <div class="order-price">
        <!-- <public-order-list :title="title" :weight="weight" :number="number" :time="time"></public-order-list> -->
        <public-order-list :title="title" :unit="unit" :number="number" :time="time"></public-order-list>
        <div class="right-line">
            <div class="line"></div>
            <div class="price">￥{{price}}</div>
        </div>
    </div>
</template>

<script>
    import PublicOrderList from './public.vue';
    export default {
        name: "order-price",
        props:['title', 'unit','weight','number','time','price','time'],
        components:{
            PublicOrderList
        },
        data:function () {
            return{

            }
        }
    }
</script>

<style lang="scss" scoped>
    .order-price{
        display: flex;
        justify-content:space-between;
        .right-line{
            display: flex;
            .line{
                width:.08rem;
                margin: 0.6rem 0;
                background:rgba(238,238,238,1);
                margin-right: 1.6rem;
            }
            .price{
                display: flex;
                justify-content: center;
                align-items: center;
                color:#FF0101; 
            }
        }
    }
</style>
